<script setup lang="ts">
  import {myStore} from '@/store/my'
  import PersonInfo from './components/PersonInfo.vue'
  import PersonAdvantage from './components/PersonAdvantage.vue'
  import PositionType from './components/PositionType.vue'
  import ExcellentSkill from './components/ExcellentSkill.vue'
  import WorkExperience from './components/WorkExperience.vue'
  import ProjectExperience from './components/ProjectExperience.vue'
  import EducationalExperience from './components/EducationalExperience.vue'
  const leftBack = () => history.back();
  const store:any = myStore()
  store.getResumeDetail()
  store.getResumeDict()
</script>
<template>
  <van-nav-bar title="我的简历" left-arrow @click-left="leftBack"/>
  <div class="resume" v-if="store.resumeInfo.id">
    <PersonInfo :item="store.resumeInfo"></PersonInfo>
    <PersonAdvantage></PersonAdvantage>
    <PositionType></PositionType>
    <ExcellentSkill></ExcellentSkill>
    <WorkExperience></WorkExperience>
    <ProjectExperience></ProjectExperience>
    <EducationalExperience></EducationalExperience>
  </div>
  <router-link to="/my/resume/preview">
  <button class="resume-btn">预览简历</button>
  </router-link>
</template>
<style scoped>
  .resume{
    height: calc(100vh - 46px - 3rem);
    overflow: auto;
  }
  .resume-btn{
    height: 2.35rem;
    background: linear-gradient(90deg, #FEA829, #FE8F27);
    border-radius: 0.27rem;
    margin: 0 0.64rem 0.64rem;
    position: fixed;
    bottom: 0;
    left:0;
    width: calc(100vw - 1.28rem);
    border: none;
    font-size: 0.8rem;
    font-weight: 400;
    color: #FFFFFF;
  }
</style>